{% extends "stats/base.html" %}
{% block head %}
<link rel="stylesheet" href="/static/s/bin.css" type="text/css" />
<script language="javascript" type="text/javascript" src="/static/flot/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/static/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="/static/date.js"></script>
{% endblock %}
{% block content %}

<h1>Submissions per hour for binary {{key}}</h1>


<div id="chart" style="width:600px;height:300px;">
  <script type="text/javascript" src="/static/s/chart.js"></script>
</div>

<div>
<p id="ci"></p>
</div>

<div id="cc">

<div id="cc_mr">
<table>
<tr>
<td><input type="radio" name="cc_mr" onClick="cc_r_s()" value="s" checked="checked" /> show the past: </td>
<td>
<select id="cc_ms">
  <option value="D">24 hours</option>
  <option value="W" selected="selected">7 days</option>
  <option value="M">31 days</option>
  <option value="N">90 days</option>
</select>
</td>
</tr>
<td><input type="radio" name="cc_mr" onClick="cc_r_a()" value="a" /> TODO: show all</td>
<td></td>
<tr>
</tr>
</table>
</div>

<div id="cc_from">
<table>
<tr>
  <td>beginning from:</td>
  <td><input type="radio" name="cc_from" value="latest" checked="checked"/> latest record</td>
</tr>
<tr>
  <td></td>
  <td><input type="radio" name="cc_from" value="cal" />TODO: DATEPICK</td>
</tr>
</table>
</div>

<div>
<table>
<tr>
<td><button type="type" onClick="show('{{item}}', '{{key}}')">show</button></td>
</tr>
<tr>
</tr>
</table>
</div>

<script type="text/javascript">
//<![CDATA[
show('{{item}}', '{{key}}');
//]]>
</script>

</div>

{% endblock %}
